<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/show.css">
    <script src="./js/load.js"></script>
    <title>四次元内里</title>
</head>

<body>
    <!-- 导航栏部分 -->
    <div class="header">
        <!-- logo -->
        <div class="logo">
            <!-- <img src="img/logo.png" alt=""> -->
            <a href="./index.html"><img src="img/logo.png" alt="脑袋停止运转啦"></a>
        </div>
        <!-- 搜索 -->
        <div class="search">
            <input type="text" placeholder="关键词" class="stor">
            <input type="button" value="搜索" class="buttonup">
        </div>
        <!-- 用户中心 -->
        <div class="user">
            <a href="./login.html"><img src="img/id.jpg" alt=""></a>
            <span>Identity</span>
        </div>
    </div>
    <div class="home">
        <div class="content">
            <div class="stars"></div>
            <img src="./img/qx7.jpg" width="100%" alt="">
            <h3 class="title">“羡子年少正得路，有如扶桑初日升。” ——欧阳修</h3>
            <h3 class="titles">”星星发亮是为了让每一个人有一天都能找到属于自己的星星 “ ————圣埃克苏佩里</h3>
            <!-- <img class="icon" src="./img/down.png" alt=""> -->
            <div class='ribbon'>
                <a href='./index.html'><span>咕哝首页</span></a>
                <a href='./about.html'><span>一次元表象</span></a>
                <a href='./show.html'><span>四次元内里</span></a>
            </div>
        </div>
    </div>

    <!-- 文件上传和下载 -->
    <div class="file">
        <div class="file1">
            <!-- 上传文件的传输方式位post  enctype表示以二进制方式传输-->
            <form action="php/upload.php" method="post" enctype="multipart/form-data">
                <input type="file" name="pic" value="" >
                <input type="submit" value="上传文件" class="submit">
            </form>
        </div>
        <!-- <div class="file2">
            <ol>

            </ol>
        </div> -->
    </div>

    <div class="imgdiv">
        <img id="imgContent">
    </div>

    <div class="main">
        <ul class="cirBig">
            <li>
                <span class="cirHead">
                    <a href="./img/4.JPG" download="4.JPG" target="_blank">
                        <img src="img/4.JPG" alt="" />
                    </a>
                </span>
                <h3><a href="./img/4.JPG" download="4.JPG alt=" target="_blank">信念</a></h3>
                <p class="little">做你自己，因为别人都有人做了</p>
                <span class="attent">
                    <i>只身前行，却仿佛带着十万雄兵</i>
                </span>
            </li>
            <li class="middle">
                <span class="cirHead">
                    <a href="./img/1.JPG" download="1.JPG" target="_blank">
                        <img src="img/1.JPG" alt="" />
                    </a>
                </span>
                <h3><a title="" href="./img/1.JPG" download="1.JPG" target="_blank">爱</a></h3>
                <p class="little">诗情画意,人间绝美</p>
                <span class="attent">
                    <i>我们所爱之物昭示这我们究竟是谁</i>
                </span>
            </li>
            <li>
                <span class="cirHead">
                    <a target="_blank" href="./img/2.JPG" download="2.JPG">
                        <img src="img/2.JPG" alt="" />
                    </a>
                </span>
                <h3><a href="./img/2.JPG" download="2.JPG" target="_blank">梦想</a></h3>
                <p class="little">浩瀚星河之下，我一人眺望</p>
                <span class="attent">
                    <i>我总是躲在梦与季节的深处，听花与黑夜唱尽梦魇，唱尽繁华，唱断所有记忆的来路</i>
                </span>
            </li>
        </ul>

        <ul class="cirLittle">
            <li>
                <span class="litHead">
                    <a href="#" target="_blank">
                        <img src="img/xiaowangzi.png" alt="博客">
                    </a>
                </span>
                <div class="bookCon">
                    <h3><a arget="_blank">博客</a></h3>
                    <p>正是在下</p>
                </div>
            </li>
            <li>
                <span class="litHead">
                    <a target="_blank" download href="./img/阿列.jpg">
                        <img src="img/阿列.jpg" alt="绘画">
                    </a>
                </span>
                <div class="bookCon">
                    <h3><a target="_blank" download href="./img/阿列.jpg">绘画</a></h3>
                    <p>还在修炼</p>
                </div>
            </li>
            <li>
                <span class="litHead">
                    <a target="_blank" download href="./mus/StrayKids丨Blueprint.mp3">
                        <img src="img/tongxin.png" alt="">
                    </a>
                </span>
                <div class="bookCon">
                    <h3><a target="_blank" download href="./mus/StrayKids丨Blueprint.mp3">音乐</a></h3>
                    <p>喜欢的音乐下载</p>
                </div>
            </li>
            <li>
                <span class="litHead">
                    <a target="_blank" download href="./book/岁月间.txt">
                        <img src="img/xiaowangzi (2).png" alt="小说">
                    </a>
                </span>
                <div class="bookCon">
                    <h3><a target="_blank" download href="./book/岁月间.txt">小说</a></h3>
                    <p>喜欢的小说下载</p>
                </div>
            </li>
            <li>
                <span class="litHead">
                    <a target="_blank">
                        <img src="img/meigui (2).png" alt="信件">>
                    </a>
                </span>
                <div class="bookCon">
                    <h3><a target="_blank">信件</a></h3>
                    <p>写给朋友的信</p>
                </div>
            </li>
        </ul>
    </div>

    <footer class="footer">
        <h5 class="final">—————————————个人信息就展示到这里—————————————</h5>
        <h6 class="final">制作人员：郑雨蓓</h6>
    </footer>
</body>

</html>